/**
 *
 * Copyright (c)	2011, University of Oregon, Psychology Department
 *								1227 University of Oregon	
 *								Eugene, OR 97403
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 *	gradapp.css main.. and only ...css file.
 */

/**
* Main positional elements
* http://www.alistapart.com/articles/holygrail/
*/
body {
	/*min-width: 1064px;	/* 2xLC width */
}

#container {
	width: 1100px;
	margin:auto;
}

#content {
	float:left;
  padding: 0 20px 20px 20px;
  width: 800px;
}

#login {
	padding: 10px 20px;
}

#navigation {
	float:left;
  width: 230px;          /* LC width */
  padding: 0 10px
}

#footer {
  clear: both;
}

/******************************************************************************
******************************************************************************/

html,body {
	margin:0;
	padding:0;
}

body {
	font: 76% arial,sans-serif;
}

h3 {
	font-size: 2em;
	font-weight: bolder;
	color: #066;
}

table {
	width: 100%;
}

table tr td {
	padding: .15em;
}

table th {
	text-align: left;
}

table tr.odd {
	background-color: white;
}

table tr.head th{
	border: solid thin black;
}

div#header {
	background-image: url(../img/greentop.gif);
	background-repeat: repeat-x;
}

div#header h1 {

	font-size: 3.5em;
	height:175px;
	margin:0;
  padding-left:140px;
  color: #fff;
  background-image: url(../img/UO_Sign_stk.jpg);
  background-repeat: no-repeat;
}


div#content p {
	line-height:1.4;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
}

div#content label {
	line-height:1.2em;
}

div#content ul {
	line-height:1.4;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
}

div#content p strong {
	color: blue;
}

div#footer{
	background: #333;
	color: #FFF;
}

div#footer p{
	text-align: center;
	margin:0;
	padding:5px 10px;
}	

div#navigation{
	background:#ffffbc;
	border-top: double;
	border-bottom:double;
	border-color: #D5BD90;
}

div#navigation p,ul,dl{
	padding: .75em;
	line-height:1.1em;
	font-size:.9em;
	font-weight:bold;
	list-style:none;
	margin:0;
}

div#navigation ul,dl li,dt a {
	vertical-align: 55%;
}

div#footer{
	width:100%;
}

div#course_list,
div#school_list,
div#ref_list,
div#attachment_list 
{
	border: solid thin;
	background: #ccc;
}

/**
* Table List ID
*/

table#list,
table.list
{
	border: solid thin;
	background: #ccc;

}

table#list td {
	vertical-align: top;
}

table#list td ul{
	padding: 0 .5em;
	line-height:.9em;
	font-size:.9em;
	font-weight:bold;
}

table#list ul {
	list-style:none;
}

table#list ul li span{
	vertical-align: 55%;
}

div#refletter table {
	width: 80%;
}

div.info {
	width: 80%;
}

/**
* FORMS selectors
*/
div#wrap {
	width: 80%; 
}

fieldset {
	margin: 1em .5em 2em .5em;
	border: none;
}

form legend {
	padding: .2em;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	background-color: #007550;
}

form em {
	font-style: normal;
	text-decoration: underline;
}

form p {
	padding: 1em .75em;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
	clear: both;
}

form p strong {
	color: blue;
}

form textarea {
	width: 90%;
	margin-left: 1.25em;
}

.submit {
	text-align: right;
	clear: both;
	border-top: double;
	padding-top: 5px;
}

div.input {
  clear: both;
  padding-top: .25em;
}

div.input label {
  float: left;
  width: 45%;
  margin: .25em .5em;
  text-align: right;
}

div.input span.label {
	float: left;
  width: 45%;
  margin: .25em .5em;
  text-align: right;
  font-weight: bolder;
}

div.input span.response {
	float: left;
	margin: .25em .5em;
}

div.input label.inline {
	width: auto;
}

div.input input,error {
  float: left;
  margin: .25em .5em;
  text-align: left;
} 

		

div.input error {
  color: red;
} 

div.input select {
	margin: .25em .5em;
}

.flash_failure {
	color: red;
}

.post_label {
	text-align:left;
	float:left;
	margin: .25em .5em;
	margin-left: -.25em;
	width:auto;
}

/**
* messages id and classes
*/

#flash_message {
	text-align: center;
	font-size: 1em;
}

.flash_success {
	color: blue;
}

.flash_error, .error-message {
	color: red;
}

/*end messages id and classes*/


/*Reference page contents*/

div#refcontent,
div#logincontent {
	margin: 0px 120px;
}

div#refcontent p,
div#logincontent p{
	line-height:1.4;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
}

div#refcontent label,
div#logincontent label{
	line-height:1.2em;
}

div#refcontent ul,
div#logincontent ul{
	line-height:1.4;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
}

div#refcontent p strong,
div#logincontent p strong {
	color: blue;
}

/* Reporting */

div#report h4 {
	padding: .2em;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	background-color: #007550;
}

div#report dt { 
	line-height:1.4;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bolder;
	color: #444;
}

div#report dd { 
	line-height:1.4;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bolder;
	background-color: #ddd;
}


div#report span.response {
	color: black;
}

div#report table.list {
	background: #ccc;
}
